@import "~themes/vars.less";
.promenubar{
  .toptitle {
    height: 54px;
    line-height: 54px;
    background: #D9DEE4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 20px;
  }
  .spreadProdMenu{
    :global {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 0;
      line-height: 30px;
      height: 66px;
      border-bottom: 9px solid transparent;
      border-left: none;
      border-right: 15px solid #f9f9f9;
      border-top: 9px solid transparent;
    }
    &::after{
      content: '';
      width: 0px;
      height: 0px;
      background: transparent;
      border-top: 5px solid transparent;
      border-right: 5px solid #2294F5;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%);
    }
    &.siderFold {
      right:0;
    }
    &.siderNone {
      right:-15px;
    }
  }
  position: relative;
  height: ~"calc(100vh - 50px)";
  background-color: #fff;
  overflow: hidden;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  // 菜单箭头修改
  :global {
    .ant-menu-root{
      height: ~"calc(100vh - 104px)";
      overflow-y: auto;
      background-color: #EAEDF1;
      .ant-menu{
        background-color: #EAEDF1;
      }
    }
    .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
    .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, 
    .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, 
    .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow{
      width: 12px;
      height: 12px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      left: 10px;
      background: transparent;
    }
    .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, 
    .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, 
    .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, 
    .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before{
      content: '';
      width:0px;
      height:0px;
      background: transparent;
      border-top:6px solid #999;
      border-right:6px solid transparent;
      border-bottom:6px solid transparent;
      border-left:6px solid transparent;
    }
    .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after, 
    .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after, 
    .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after, 
    .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after{
      content: normal;
    }
    .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
      -webkit-transform: rotate(0deg) translate(-3px,3px);
      transform: rotate(0deg) translate(-3px,3px);
    }
    .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
      -webkit-transform: rotate(-90deg) translate(0,3px);
      transform: rotate(-90deg) translate(0,3px);
    }
    .ant-menu-vertical .ant-menu-item, 
    .ant-menu-vertical-left .ant-menu-item, 
    .ant-menu-vertical-right .ant-menu-item, 
    .ant-menu-inline .ant-menu-item, 
    .ant-menu-vertical .ant-menu-submenu-title, 
    .ant-menu-vertical-left .ant-menu-submenu-title, 
    .ant-menu-vertical-right .ant-menu-submenu-title, 
    .ant-menu-inline .ant-menu-submenu-title{
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
      height: 36px;
      line-height: 36px;
      padding-left: 25px!important;
    }
    .ant-menu-vertical .ant-menu-item:not(:last-child), 
    .ant-menu-vertical-left .ant-menu-item:not(:last-child), 
    .ant-menu-vertical-right .ant-menu-item:not(:last-child), 
    .ant-menu-inline .ant-menu-item:not(:last-child){
      margin-bottom: 0;
    }
    .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
      background: #fff;
    }
    .ant-menu-sub{ 
      .ant-menu-item{
        padding-left: 42px!important;
      }
      .ant-menu-submenu-title{
        padding-left: 58px!important;
        .ant-menu-submenu-arrow{
          left: 42px;
        }
      }
      .ant-menu-sub{
        .ant-menu-item{
          padding-left:72px!important;
        }
      }
    }
    .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
      border-right: none;
    }
    // 去掉选中边框线效果
    .ant-menu-vertical .ant-menu-item:after, 
    .ant-menu-vertical-left .ant-menu-item:after, 
    .ant-menu-vertical-right .ant-menu-item:after, 
    .ant-menu-inline .ant-menu-item:after{
      content: normal;
    }
  }
}